<template>
    <div class="account">
        <el-card class="box-card">
            <div slot="header">账户信息</div>
            <div>
                <el-form ref="form" :model="form" label-width="150px">
                    <el-form-item label="应用名称:">
                        <el-input size="small" readonly v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="行业:">
                        <el-input size="small" readonly v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="推广链接:">
                        <el-input size="small" readonly v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="银行卡号:">
                        <el-input size="small" readonly v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="联系人:">
                        <el-input size="small" readonly v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="用户ID:">
                        <el-input size="small" readonly v-model="form.name"></el-input>
                    </el-form-item>
                </el-form>
            </div>
        </el-card>
        <el-card class="box-card">
            <div slot="header">账户安全</div>
            <div>
                <el-button size="small" type="primary" @click="goPage('./forgetPw')">密码修改</el-button>
                <el-button size="small" type="primary" @click="bindBank">绑定银行卡</el-button>
            </div>
        </el-card>
        <Bind-bank :visible.sync="dialogVisible" />
    </div>
</template>
<script>
import BindBank from "./BindBank";
export default {
    name: "account",
    components: {
        BindBank
    },
    data() {
        return {
            form: {
                name: "xxxx"
            },
            dialogVisible: false
        };
    },
    methods: {
        bindBank() {
            this.dialogVisible = true;
        }
    }
};
</script>
<style lang="scss">
.box-card {
    width: 880px;
}
</style>
